<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>华润消息</title>
  <!-- Font Awesome -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">
  <!-- Bootstrap core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <!-- Material Design Bootstrap -->
  <link href="css/mdb.min.css" rel="stylesheet">
  <!-- Your custom styles (optional) -->
  <link href="css/style.css" rel="stylesheet">
</head>

<body>
  <!-- //登录界面 -->
  <div class="modal fade" id="modalLRForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
  aria-hidden="true">
  <div class="modal-dialog cascading-modal" role="document">
    <!--Content-->
    <div class="modal-content">

      <!--Modal cascading tabs-->
      <div class="modal-c-tabs">

        <!-- Nav tabs -->
        <ul class="nav nav-tabs md-tabs tabs-2 light-blue darken-3" role="tablist">
          <li class="nav-item">
            <a class="nav-link active" data-toggle="tab" href="#panel7" role="tab"><i class="fas fa-user mr-1"></i>
              登录</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" data-toggle="tab" href="#panel8" role="tab"><i class="fas fa-user-plus mr-1"></i>
              注册</a>
          </li>
        </ul>

        <!-- Tab panels -->
        <div class="tab-content">
          <!--Panel 7-->
          <div class="tab-pane fade in show active" id="panel7" role="tabpanel">

            <!--Body-->
            <div class="modal-body mb-1">
              <div class="md-form form-sm mb-5">
                <i class="fas fa-envelope prefix"></i>
                <input type="text" id="modalLRInput10" maxlength="11" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput10">学号/手机号</label>
              </div>

              <div class="md-form form-sm mb-4">
                <i class="fas fa-lock prefix"></i>
                <input type="password" id="modalLRInput11" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput11">密码</label>
              </div>
              <div class="text-center mt-2" id="parentLogin">
                <button class="btn btn-info">登录<i class="fas fa-sign-in ml-1"></i></button>
              </div>
            </div>
            <!--Footer-->
            <div class="modal-footer">
              <div class="options text-center text-md-right mt-1">
                <p>没有账号? <a href="#" class="blue-text">去注册</a></p>
                <p>忘记 <a href="#" class="blue-text">密码?</a></p>
              </div>
              <button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">关闭</button>
            </div>

          </div>
          <!--/.Panel 7-->

          <!--Panel 8-->
          <div class="tab-pane fade" id="panel8" role="tabpanel">

            <!--Body-->
            <div class="modal-body">
              <div class="md-form form-sm mb-5">
                <i class="fas fa-envelope prefix"></i>
                <input type="text" id="modalLRInput12" maxlength="11" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput12">手机号/学号</label>
              </div>

              <div class="md-form form-sm mb-5">
                <i class="fas fa-lock prefix"></i>
                <input type="password" id="modalLRInput13" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput13">你的密码</label>
              </div>

              <div class="md-form form-sm mb-4">
                <i class="fas fa-lock prefix"></i>
                <input type="password" id="modalLRInput14" class="form-control form-control-sm validate">
                <label data-error="wrong" data-success="right" for="modalLRInput14">请确认你的密码</label>
              </div>

              <div class="text-center form-sm mt-2" id="parentZhuce">
                <button class="btn btn-info">注册<i class="fas fa-sign-in ml-1"></i></button>
              </div>

            </div>
            <!--Footer-->
            <div class="modal-footer">
              <div class="options text-right">
                <p class="pt-1">已经有了账号? <a href="#" class="blue-text">去登录</a></p>
              </div>
              <button type="button" class="btn btn-outline-info waves-effect ml-auto" data-dismiss="modal">关闭</button>
            </div>
          </div>
          <!--/.Panel 8-->
        </div>

      </div>
    </div>
    <!--/.Content-->
  </div>
</div>
  <header>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg  scrolling-navbar">
      <div class="container smooth-scroll">
        <img src="images/logo.png">
        <!--      <a class="navbar-brand" href="#"><strong>LGO</strong></a>-->

        <div class="collapse navbar-collapse " id="navbarSupportedContent-7">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item mx-3  ">
              <a class="nav-link" href="index.html" data-offset="60">首页</a>
            </li>
            <li class="nav-item mx-3">
              <a class="nav-link" href="about.html" data-offset="60">关于</a>
            </li>
            <li class="nav-item mx-3">
              <a class="nav-link" href="news.html" data-offset="60">华软消息</a>
            </li>
            <li class="nav-item mx-3">
              <a class="nav-link" href="man.html" data-offset="60">华软人员</a>
            </li>
            <li class="nav-item">
              <!-- <a class="nav-link" href="#" onclick="login()" data-offset="60">注册/登录</a> -->
              <a href="" data-toggle="modal" data-target="#modalLRForm" data-offset="60" class="nav-link">注册/登录</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </header>
  <div class="view">
    <img src="./images/pc-华软消息_02.png" alt="" width="100%">

    <div class="mask flex-right">
      <div class="container" style="text-align:right;letter-spacing:0.5rem;">
        <h5 class="white-text mt-5 wow animated  bounceInDown">岁月无痕，光阴留迹，让我们在最夺目的<br>位置上留下在华软时光里的美好印记，写<br>下属于我们共同的“封面故事”
        </h5>
      </div>
    </div>


  </div>


  <div class="container">
    <h2 class="h1-responsive font-weight-bold my-5 text-center">校内资讯</h2>
    <!-- Grid row -->
    <div class="row text-center">

      <!-- Grid column -->
      <div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
        <!--Featured image-->
        <div class="view overlay rounded z-depth-1">
          <img src="./images/pc-华软消息_05.png" class="img-fluid wow animated rotateIn" alt="Sample project image">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>
        </div>
        <!--Excerpt-->
        <div class="card-body pb-0 text-left">
          <h4 class="font-weight-bold my-3 wow animated zoomIn">校园公益筑梦官招募</h4>
          <p class="grey-text wow animated zoomIn"> 我觉得做公益是一件非常cool的事情
          </p>
        </div>
        <div class="text-right mt-4">
          <a class="blue-text wow animated zoomIn">点击查看</a>
        </div>
      </div>
      <!-- Grid column -->

      <!-- Grid column -->
      <div class="col-lg-4 col-md-6 mb-md-0 mb-4">
        <!--Featured image-->
        <div class="view overlay rounded z-depth-1">
          <img src="./images/pc-华软消息_07.png" class="img-fluid wow animated rotateIn" alt="Sample project image">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>
        </div>
        <!--Excerpt-->
        <div class="card-body pb-0 text-left">
          <h4 class="font-weight-bold my-3 wow animated zoomIn">一杯云</h4>
          <p class="grey-text wow animated zoomIn">一个人最害怕看懂一首歌的评论
          </p>
        </div>
        <div class="text-right mt-4">
          <a class="blue-text wow animated zoomIn">点击查看</a>
        </div>
      </div>
      <!-- Grid column -->

      <!-- Grid column -->
      <div class="col-lg-4 col-md-6">
        <!--Featured image-->
        <div class="view overlay rounded z-depth-1">
          <img src="./images/pc-华软消息_09.png" class="img-fluid wow animated rotateIn" alt="Sample project image">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>
        </div>
        <!--Excerpt-->
        <div class="card-body pb-0 text-left">
          <h4 class="font-weight-bold my-3 wow animated zoomIn">君亦有惜</h4>
          <p class="grey-text wow animated zoomIn">那一年的我们只知道要准备高考
          </p>
        </div>
        <div class="text-right mt-4">
          <a class="blue-text wow animated zoomIn">点击查看</a>
        </div>
      </div>
    </div>
  </div>

  <div class="container my-5">
    <div class="row">
      <div class="col-8">
        <img src="./images/pc-华软消息_14.png" alt="" class="img-fluid wow animated rotateInDownLeft">
      </div>
      <div class="col-4">
        <img src="./images/pc-华软消息_16.png" alt="" class="img-fluid wow animated rotateInDownRight">
      </div>
    </div>
  </div>

  <div class="container my-5">
    <!-- Grid row -->
    <div class="row text-center">

      <!-- Grid column -->
      <div class="col-lg-4 col-md-12 mb-lg-0 mb-4">
        <!--Featured image-->
        <div class="view overlay rounded z-depth-1">
          <img src="./images/pc-华软消息_19.png" class="img-fluid wow animated rotateIn" alt="Sample project image">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>
        </div>
        <!--Excerpt-->
        <div class="card-body pb-0 text-left">
          <h4 class="font-weight-bold my-3 wow animated zoomIn">华润天空</h4>
          <p class="grey-text wow animated zoomIn">细数华软天空，你能否全部获悉
          </p>
        </div>
        <div class="text-right mt-4">
          <a class="blue-text wow animated zoomIn">点击查看</a>
        </div>
      </div>
      <!-- Grid column -->

      <!-- Grid column -->
      <div class="col-lg-4 col-md-6 mb-md-0 mb-4">
        <!--Featured image-->
        <div class="view overlay rounded z-depth-1">
          <img src="./images/pc-华软消息_21.png" class="img-fluid wow animated rotateIn" alt="Sample project image">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>
        </div>
        <!--Excerpt-->
        <div class="card-body pb-0 text-left">
          <h4 class="font-weight-bold my-3 wow animated zoomIn">华软建筑</h4>
          <p class="grey-text wow animated zoomIn">你的气质里藏着你度过的书
          </p>
        </div>
        <div class="text-right mt-4">
          <a class="blue-text wow animated zoomIn">点击查看</a>
        </div>
      </div>
      <!-- Grid column -->

      <!-- Grid column -->
      <div class="col-lg-4 col-md-6">
        <!--Featured image-->
        <div class="view overlay rounded z-depth-1">
          <img src="./images/pc-华软消息_23.png" class="img-fluid wow animated rotateIn" alt="Sample project image">
          <a>
            <div class="mask rgba-white-slight"></div>
          </a>
        </div>
        <!--Excerpt-->
        <div class="card-body pb-0 text-left">
          <h4 class="font-weight-bold my-3 wow animated zoomIn">丝木棉节</h4>
          <p class="grey-text wow animated zoomIn">正是华软好风景，花开时节又逢君
          </p>
        </div>
        <div class="text-right mt-4">
          <a class="blue-text wow animated zoomIn">点击查看</a>
        </div>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col-sm-2 view overlay zoom" style="padding:0px;">
      <img class="card-img-top" src="./images/pc-华软消息_27.png" alt="Card image cap">
    </div>
    <div class="col-sm-2 view overlay zoom" style="padding:0px;">
      <img class="card-img-top" src="./images/pc-华软消息_28.png" alt="Card image cap">
    </div>
    <div class="col-sm-2 view overlay zoom" style="padding:0px;">
      <img class="card-img-top" src="./images/pc-华软消息_29.png" alt="Card image cap">
    </div>
    <div class="col-sm-2 view overlay zoom" style="padding:0px;">
      <img class="card-img-top" src="./images/pc-华软消息_31.png" alt="Card image cap">
    </div>
    <div class="col-sm-2 view overlay zoom" style="padding:0px;">
      <img class="card-img-top" src="./images/pc-华软消息_32.png" alt="Card image cap">
    </div>
    <div class="col-sm-2 view overlay zoom" style="padding:0px;">
      <img class="card-img-top" src="./images/pc-华软消息_29.png" alt="Card image cap">
    </div>
  </div>

  <h2 class="h1-responsive font-weight-bold my-5 text-center">活 动 赛 事</h2>

  <div class="container card card-personal pt-3 pb-3">
    <div class="row">
      <div class="col-5">
        <img src="./images/pc-华软消息_36.png" alt="" class="img-fluid wow animated zoomInLeft">
      </div>
      <div class="col-4 wow animated zoomIn">
        <h4 class="font-weight-bold my-3">关于举办“最美华软”涂鸦创作大赛的通知</h4>
        <p class="grey-text">通过涂鸦艺术作品，彰显创意，表现华软人在美丽的校园内学习、工作生活中反映出的正能量和故事
        </p>
      </div>
      <div class="col-3 pt-5 text-center wow animated zoomInRight">
        <div class="avatar mx-auto">
          <img src="./images/pc-华软消息_39.png" class="rounded-circle z-depth-1" alt="Sample avatar">
        </div>
        <h5 class="font-weight-bold mt-4 mb-3">学院君</h5>
        <ul class="list-unstyled mb-0">
          <!-- Facebook -->
          <a class="p-2 fa-lg fb-ic">
            <img src="./images/pc-华软消息_43.png" alt="" class="img-fluid">
            <span class="grey-text">256</span>
          </a>
          <!-- Twitter -->
          <a class="p-2 fa-lg tw-ic">
            <img src="./images/pc-华软消息_45.png" alt="" class="img-fluid">
            <span class="grey-text">128</span>
          </a>
        </ul>
      </div>
    </div>
  </div>

  <div class="container card card-personal pt-3 pb-3 my-5">
    <div class="row">
      <div class="col-3 pt-5 text-center ">
        <div class="avatar mx-auto wow animated zoomInLeft">
          <img src="./images/pc-华软消息_53.png" class="rounded-circle z-depth-1" alt="Sample avatar">
        </div>
        <h5 class="font-weight-bold mt-4 mb-3">学生会</h5>
        <ul class="list-unstyled mb-0">
          <!-- Facebook -->
          <a class="p-2 fa-lg fb-ic">
            <img src="./images/pc-华软消息_43.png" alt="" class="img-fluid">
            <span class="grey-text">256</span>
          </a>
          <!-- Twitter -->
          <a class="p-2 fa-lg tw-ic">
            <img src="./images/pc-华软消息_45.png" alt="" class="img-fluid">
            <span class="grey-text">128</span>
          </a>
        </ul>
      </div>
      <div class="col-4 wow animated zoomIn">
        <h4 class="font-weight-bold my-3">关于举办“最美华软”微视频大赛的通知</h4>
        <p class="grey-text">通过微视频作品，彰显创意，表现华软人在美丽的校园内学习、工作生活中反映出的正能量和故事
        </p>
      </div>
      <div class="col-5">
        <img src="./images/pc-华软消息_50.png" alt="" class="img-fluid wow animated zoomInRight">
      </div>
    </div>
  </div>

  <div class="container card card-personal pt-3 pb-3">
    <div class="row">
      <div class="col-5 wow animated zoomInLeft">
        <img src="./images/pc-华软消息_57.png" alt="" class="img-fluid">
      </div>
      <div class="col-4 wow animated zoomIn">
        <h4 class="font-weight-bold my-3">关于举办“最美华软”摄影大赛的通知</h4>
        <p class="grey-text">通过摄影作品，彰显创意，表现华软人在美丽的校园内学习、工作生活中反映出的正能量和故事
        </p>
      </div>
      <div class="col-3 pt-5 text-center  wow animated zoomInRight">
        <div class="avatar mx-auto">
          <img src="./images/pc-华软消息_59.png" class="rounded-circle z-depth-1" alt="Sample avatar">
        </div>
        <h5 class="font-weight-bold mt-4 mb-3">华软青年汇</h5>
        <ul class="list-unstyled mb-0">
          <!-- Facebook -->
          <a class="p-2 fa-lg fb-ic">
            <img src="./images/pc-华软消息_43.png" alt="" class="img-fluid">
            <span class="grey-text">256</span>
          </a>
          <!-- Twitter -->
          <a class="p-2 fa-lg tw-ic">
            <img src="./images/pc-华软消息_45.png" alt="" class="img-fluid">
            <span class="grey-text">128</span>
          </a>
        </ul>
      </div>
    </div>
  </div>

  <div class="container card card-personal pt-3 pb-3 my-5">
    <div class="row">
      <div class="col-3 pt-5 text-center wow animated zoomInLeft">
        <div class="avatar mx-auto">
          <img src="./images/pc-华软消息_66.png" class="rounded-circle z-depth-1" alt="Sample avatar">
        </div>
        <h5 class="font-weight-bold mt-4 mb-3">数码新青年</h5>
        <ul class="list-unstyled mb-0">
          <!-- Facebook -->
          <a class="p-2 fa-lg fb-ic">
            <img src="./images/pc-华软消息_43.png" alt="" class="img-fluid">
            <span class="grey-text">256</span>
          </a>
          <!-- Twitter -->
          <a class="p-2 fa-lg tw-ic">
            <img src="./images/pc-华软消息_45.png" alt="" class="img-fluid">
            <span class="grey-text">128</span>
          </a>
        </ul>
      </div>
      <div class="col-4 wow animated zoomIn">
        <h4 class="font-weight-bold my-3">关于举办“新世界”宿舍美化大赛的通知</h4>
        <p class="grey-text">用双手装扮“室”界，用心感悟生活。寝室是我们的栖息地，身心的避风港
        </p>
      </div>
      <div class="col-5 wow animated zoomInRight">
        <img src="./images/pc-华软消息_63.png" alt="" class="img-fluid">
      </div>
    </div>
  </div>

  <footer class="page-footer font-small elegant-color  pt-2">

    <div class="container">

      <!-- Grid row-->
      <div class="row">

        <!-- Grid column -->
        <div class="col-md-12">
          <div class="mb-5 flex-center">

            <a class=" mr-md-5 mr-3 ">
              关于我们
            </a>
            <a class=" mr-md-5 mr-3 ">
              产品展示
            </a>
            <a class=" mr-md-5 mr-3 ">
              友情链接
            </a>
          </div>
        </div>
        <!-- Grid column -->

      </div>
      <!-- Grid row-->

    </div>
    <!-- Footer Elements -->
    <!-- Copyright -->
    <div class=" text-center py-4">网站公安备案编号：4001840100050
      粤ICP号：05085382号
    </div>


  </footer>




  <!-- Grid column -->
  <!-- SCRIPTS -->
  <!-- JQuery -->
  <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  <!-- Bootstrap tooltips -->
  <script type="text/javascript" src="js/popper.min.js"></script>
  <!-- Bootstrap core JavaScript -->
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <!-- MDB core JavaScript -->
  <script type="text/javascript" src="js/mdb.min.js"></script>
  <script>
    $(function () {
      new WOW().init();
      $("#parentLogin").click(function () {
      var LoginZhanghao = $("#modalLRInput10").val();
      var LoginMima = $("#modalLRInput11").val();
      var regstr = /^\d{10}|\d{11}$/;
      var regstr2 = /^[0-9a-zA-Z]+$/;
      if(!regstr.test(LoginZhanghao)){
        alert("学号/手机号必须为10-11为数字")
      }else if(!regstr2.test(LoginMima)){
        alert("密码必须数字或者字母")
      }else{
      alert("登录成功")
      window.location.href="index.html";
      }
      })
      $("#parentZhuce").click(function () {
      var LoginZhanghao = $("#modalLRInput12").val();
      var LoginMima1 = $("#modalLRInput13").val();
      var LoginMima2 = $("#modalLRInput14").val();
      var regstr = /^\d{10}|\d{11}$/;
      var regstr2 = /^[0-9a-zA-Z]+$/;
      if(!regstr.test(LoginZhanghao)){
        alert("学号/手机号必须为10-11为数字")
      }else if(!regstr2.test(LoginMima1)){
        alert("密码必须数字或者字母")
      }else if(!regstr2.test(LoginMima2)){
        alert("密码必须数字或者字母")
      }else{
      alert("注册成功")
      window.location.href="index.html";
      }
      })
    })
  </script>
</body>

</html>